import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import VueAxios from 'vue-axios'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 大文件上传
import uploader from 'vue-simple-uploader'
// 分页组件
import Pagination from '@/components/Pagination'
import VueAMap from 'vue-amap'
VueAMap.initAMapApiLoader({
  key: '28547e009f5121e90e188b4613c99ccf',
  plugin: [
    // 定位空间，用来获取和展示用户主机所在的经纬度位置
    'AMap.Geolocation',
    // 输入提示插件
    'AMap.Autocomplete',
    // POI搜索插件
    'AMap.PlaceSearch',
    // 右下角缩略图插件，比例尺
    'AMap.Scale',
    // 地图鹰眼插件
    'AMap.OverView',
    // 地图工具条
    'AMap.ToolBar',
    // 类别切换空间，实现默认图层与卫星图，实施交通层之间切换的控制
    'AMap.MapType',
    // 编辑 折线多边形
    'AMap.PolyEditor',
    'AMap.CircleEditor',
    // 地图编码
    'AMap.Geocoder'
  ],
  // 默认高德 sdk 版本为 1.4.4
  v: '1.4.4'
})
Vue.use(VueAMap)
Vue.use(uploader)
Vue.use(ElementUI)
Vue.use(VueAxios, axios)
Vue.config.productionTip = false
// eslint-disable-next-line vue/multi-word-component-names
Vue.component('Pagination', Pagination)

// axios.defaults.baseURL = 'http://39.98.78.239:8080'
axios.defaults.baseURL = 'http://localhost:8080'

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  const token = localStorage.getItem('token')
  console.log(token)
  config.headers.token = token
  // if (token == null || token === 'undefined') {
  //   router.push('login')
  // }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, function (error) {
  if (error.response.status === 401) {
    router.push('login')
  }
  // 对响应错误做点什么
  return Promise.reject(error)
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
